<!--
 * @Author: [you name]
 * @Date: 2021-10-27 19:51:46
 * @LastEditors: [you name]
 * @LastEditTime: 2021-11-04 09:24:37
 * @Description: 
-->

<template>
  <div class="order">
    <el-tabs v-model="activeName" @tab-click="handleClick" >
      <el-tab-pane label="全部订单" name="全部订单" :lazy="true">
          <OrderPane ></OrderPane>
      </el-tab-pane>
      <el-tab-pane label="待支付" name="待支付" :lazy="true">
        <OrderPane :status="activeName" ></OrderPane>
        
      </el-tab-pane>
      <el-tab-pane label="待派单" name="待派单" :lazy="true">
        <OrderPane :status="activeName" ></OrderPane>
      </el-tab-pane>
      <el-tab-pane label="待接单" name="待接单" :lazy="true">
        <OrderPane :status="activeName" ></OrderPane>
      </el-tab-pane>
      <el-tab-pane label="待服务" name="待服务" :lazy="true">
        <OrderPane :status="activeName" ></OrderPane>
      </el-tab-pane>
      <el-tab-pane label="待确认" name="待确认" :lazy="true">
        <OrderPane :status="activeName" ></OrderPane>
      </el-tab-pane>
      <el-tab-pane label="已完成" name="已完成" :lazy="true">
        <OrderPane :status="activeName" ></OrderPane>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>

import OrderPane from '@/components/OrderPane/index.vue'
 export default {
  data() {
    return {
        activeName:"全部订单"
    };
  },
  components: {
      OrderPane,
  },
  methods: {
    handleClick(tag,event) {
      console.log(this.activeName);
    }
  }
};
</script>
<style scoped>

</style>